{layout name="./base/base_back"}		
		<link rel="stylesheet" type="text/css" href="/front/css/rentList.css"/>
		<link rel="stylesheet" type="text/css" href="/front/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="/front/css/publishWish.css"/>
		<link rel="stylesheet" type="text/css" href="/front/css/jquery-ui.css"/>
		<link rel="stylesheet" type="text/css" href="/front/css/weifeng.css"/>
		<script src="/front/js/jquery-ui.js" type="text/javascript"></script>
		<script src="/front/js/index.js" type="text/javascript"></script>
		<script src="/front/js/weifeng.js" type="text/javascript"></script>
		<!--租赁房车列表开始-->
		<div id="rent-list-box">
			<!--搜素部分开始-->
			<div id="rent-search-carvan">
				<div class="position-flow">
					<span style="font-size: 16px;">您的位置：</span>
					<span class="present-place"><a href="{php} echo url('/web/index','','','www') {/php}">首页 </a> </span>
					<span>> 租赁房车选择 > 房车详情 > 在线支付 > 预订成功 </span>
				</div>
				<div class="rent-search-if">
					<div class="rent-second-step">
						<form action="/filter/relistform" method="get">
							<span class="step-explain">出行目的地</span>
							<div class="rent-city">
								<label class="rent-all-city">全部</label>
								{foreach $city as $k=>$v}
								<label for="{$k}" class="rent-city-list">{$v|lang}<input type="radio" name="city" id="{$k}" value="{$k}" style="visibility: hidden;"/></label>
								{/foreach}
							</div>
							<!-- 交换房车列表页选择城市开始 -->
							<script type="text/javascript">
								$(function(){
									var a = {php}echo input('city');{/php};
									$("#rent-list-box .rent-city .rent-city-list").eq(a-1).css({backgroundColor:"#1E90FF",color:"#FFFFFF"});
									$("#rent-list-box .rent-city .rent-all-city").css({backgroundColor:"#fff",color:"#000",border:"1px solid #ccc"});
									$("#rent-list-box .rent-city .rent-city-list").click(function(){
										$(this).css({backgroundColor:"#1E90FF",color:"#FFFFFF"}).siblings('.rent-city-list').css({backgroundColor:"",color:""});
										$("#rent-list-box .rent-city .rent-all-city").css({backgroundColor:"#fff",color:"#000",border:"1px solid #ccc"});
									})
									$("#rent-list-box .rent-city .rent-all-city").click(function(){
										$("#rent-list-box .rent-city .rent-city-list").css({backgroundColor:"",color:""});
										$("#rent-list-box .rent-city .rent-all-city").css({backgroundColor:"#1E90FF",color:"#fff"});
									})
								})
							</script>
							<!-- 交换房车列表页选择城市结束 -->
							<div class="rent-time">
								<span class="explain-time">选择租赁时间</span>
								<label for="">入住时间：<input id="selstartdate" type="text" value="{$s}" name="sdate"  placeholder="请选择入住时间"/></label>
								<label for="">离开时间：<input id="selendate" type="text"  value="{$e}" name="edate"  placeholder="请选择离开时间"/></label>
							</div>
							<div class="rent-button">
								<button type="submit">搜索房车</button>
							</div>
						</form>
					</div>
				</div>
			</div>
			<!--搜素部分结束-->
			<!--搜素结果开始-->
			<div id="rent-search-exact-result">
				{volist name='list1' id='vo'}
				<div class="search-result-list">
					<div class="rent-carvan-img">
						<ul class="lunbo-img-box" >
							{if !empty($vo['caravans']['piccaravan'][0])}
							<li class="lunbo-img-list"><a href="/reserve/rentcaravandetail?id={$vo.caravans.id}&sdate={$vo.s}&edate={$vo.e}"><img src="{$vo.caravans.piccaravan['0']}" alt="车主未上传图片" /></a></li>
							{/if}
							{if !empty($vo['caravans']['piccaravan'][1])}
							<li class="lunbo-img-list"><a href="/reserve/rentcaravandetail?id={$vo.caravans.id}&sdate={$vo.s}&edate={$vo.e}"><img src="{$vo.caravans.piccaravan['1']}" alt="车主未上传图片" /></a></li>
							{/if}
							{if !empty($vo['caravans']['piccaravan'][2])}
							<li class="lunbo-img-list"><a href="/reserve/rentcaravandetail?id={$vo.caravans.id}&sdate={$vo.s}&edate={$vo.e}"><img src="{$vo.caravans.piccaravan['2']}" alt="车主未上传图片" /></a></li>
							{/if}
						</ul>
						<ul class="switch-img-btn">
						</ul>
					</div>
					<div class="rent-caravan-impInfo">
						<h3>{$vo.caravans.name}</h3>
						<p>可交换时间：<i>{$vo.s}</i>至<i>{$vo.e}</i></p>
						<p><a href="###">{$vo.camps.name}</a></p>
						<p>地址：{$vo.camps.address}</p>
					</div>
					<ul class="rent-caravan-basicInfo">
						<li>{$vo->getCates($vo['caravans']['car_cates_id'])}</li>
						<li>可住{$vo.caravans.people_num}人</li>
						<li>{$vo.caravans.double_bed_num}张双人床</li>
						<li>{$vo.caravans.single_bed_num}张单人床</li>
						<li>{$vo->getradioname($vo['caravans']['kitchen'])}厨房</li>
						<li>{$vo->getradioname($vo['caravans']['bathroom'])}洗手间</li>
					</ul>
					<div class="rent-get-order">
						<p class="oneday-coin">单日最低 <i>{$vo.c.c}</i> 租金</p>
						<p class="get-order-btn"><a href="/reserve/rentcaravandetail?id={$vo.caravans.id}&sdate={$vo.s}&edate={$vo.e}">查看详情</a> </p>
						<p class="get-order-btn"><a href="/reserve/rentjumpwhich?id={$vo.caravans.id}&sdate={$vo.s}&edate={$vo.e}">直接下单</a> </p>
					</div>
				</div>
				{/volist}
				{if !empty($list1)}
				<div class="search-result-list">
					<span id="fpage" class="look-more">查看更多</span>
				</div>
				{/if}
				<!-- 加载列表一 -->
				<script type="text/javascript">
					$(document).ready(function(){
						var page = 2;
						var a = {$a};
						var b = {$b};
						$("#fpage").click(function(){
							var filter_info = {};
							filter_info['sdate'] = $('#selstartdate').val();
							filter_info['edate'] = $('#selendate').val();
							//城市
							 $.ajax({
						        type:"post",
						        url:"/filter/ajaxrelist3?"+Math.random(),
						        data:{'filter_info':filter_info,page:page},
						        dataType:'json',
						        success: function(data){
						        	page++;
						        	$.each(data,function(vo,list)
						              {
						              	var str = '';
						              	for (var i = 0; i < list.caravans.piccaravan.length; i++) {
						              		str += '<li class="lunbo-img-list"><a href="###"><img src="'+list.caravans.piccaravan[i]+'" alt="车主未上传图片" /></a></li>';
						              		}
						              $('#fpage').parent().before(
									    '<div class="search-result-list">'+
											'<div class="rent-carvan-img">'+
												'<ul class="lunbo-img-box" >'+str+
												'</ul>'+
												'<ul class="switch-img-btn">'+
												'</ul>'+
											'</div>'+
											'<div class="rent-caravan-impInfo">'+
												'<h3>'+list.caravans.name+'</h3>'+
												'<p>可交换时间：<i>'+list.s+'</i>至<i>'+list.e+'</i></p>'+
												'<p><a href="###">'+list.camps.name+'</a></p>'+
												'<p>地址：'+list.camps.address+'</p>'+
											'</div>'+
											'<ul class="rent-caravan-basicInfo">'+
												'<li>'+a[list.caravans.car_cates_id]+'</li>'+
												'<li>'+list.caravans.people_num+'可住人</li>'+
												'<li>'+list.caravans.double_bed_num+'张双人床</li>'+
												'<li>'+list.caravans.single_bed_num+'张单人床</li>'+
												'<li>'+b[list.caravans.kitchen]+'厨房</li>'+
												'<li>'+b[list.caravans.bathroom]+'洗手间</li>'+
											'</ul>'+
											'<div class="rent-get-order">'+
												'<p class="oneday-coin">单日最低 <i>'+list.c.c+'</i> 租金</p>'+
												'<p class="get-order-btn"><a href="/reserve/rentcaravandetail?id='+list.caravans.id+'&sdate='+list.s+'&edate='+list.e+'">查看详情</a> </p>'+
												'<p class="get-order-btn"><a href="/reserve/rentjumpwhich?id='+list.caravans.id+'&sdate='+list.s+'&edate='+list.e+'">直接下单</a> </p>'+
											'</div>'+
										'</div>'
							             );
						             })
						        }
					      	});   
						})	    
					});
				</script>	
				<!-- 加载列表二结束 -->
				<!--没有搜索到结果-->
				<div class="search-result-fail">
					<div class="search-fail-prompt">
						<h2>抱歉，如果没有找到符合条件的结果</h2>
						<p>您可以看看为您推荐的其它城市或者更换搜索条件查询</p>
					</div>
				</div>
				<!--其他城市推荐开始-->
				{if !empty($list2)}
				<div class="other-time-title">
					其他城市推荐
				</div>
				{/if}
				{volist name='list2' id='vo'}
				<div class="search-result-list">
					<div class="rent-carvan-img">
						<ul class="lunbo-img-box" >
							{if !empty($vo['caravans']['piccaravan'][0])}
							<li class="lunbo-img-list"><a href="/reserve/rentcaravandetail?id={$vo.caravans.id}&sdate={$vo.s}&sdate={$vo.e}"><img src="{$vo.caravans.piccaravan['0']}" alt="车主未上传图片" /></a></li>
							{/if}
							{if !empty($vo['caravans']['piccaravan'][1])}
							<li class="lunbo-img-list"><a href="/reserve/rentcaravandetail?id={$vo.caravans.id}&sdate={$vo.s}&sdate={$vo.e}"><img src="{$vo.caravans.piccaravan['1']}" alt="车主未上传图片" /></a></li>
							{/if}
							{if !empty($vo['caravans']['piccaravan'][2])}
							<li class="lunbo-img-list"><a href="/reserve/rentcaravandetail?id={$vo.caravans.id}&sdate={$vo.s}&sdate={$vo.e}"><img src="{$vo.caravans.piccaravan['2']}" alt="车主未上传图片" /></a></li>
							{/if}
						</ul>
						<ul class="switch-img-btn">
						</ul>
					</div>
					<div class="rent-caravan-impInfo">
						<h3>{$vo.caravans.name}</h3>
						<p>可交换时间：<i>{$vo.s}</i>至<i>{$vo.e}</i></p>
						<p><a href="###">{$vo.camps.name}</a></p>
						<p>地址：{$vo.camps.address}</p>
					</div>
					<ul class="rent-caravan-basicInfo">
						<li>{$vo->getCates($vo['caravans']['car_cates_id'])}</li>
						<li>可住{$vo.caravans.people_num}人</li>
						<li>{$vo.caravans.double_bed_num}张双人床</li>
						<li>{$vo.caravans.single_bed_num}张单人床</li>
						<li>{$vo->getradioname($vo['caravans']['kitchen'])}厨房</li>
						<li>{$vo->getradioname($vo['caravans']['bathroom'])}洗手间</li>
					</ul>
					<div class="rent-get-order">
						<p class="oneday-coin">单日最低 <i>{$vo.c.c}</i> 租金</p>
						<p class="get-order-btn"><a href="/reserve/caravandetail?id={$vo.caravans.id}&sdate={$vo.s}&edate={$vo.e}">查看详情</a> </p>
						<p class="get-order-btn"><a href="/reserve/rentjumpwhich?id={$vo.caravans.id}&sdate={$vo.s}&edate={$vo.e}">直接下单</a> </p>
					</div>
				</div>
				{/volist}
				{if !empty($list2)}
				<div class="search-result-list">
					<span id="more" class="look-more">查看更多</span>
				</div>
				{/if}
				<!--没有搜索到结果-->
				<!--其他城市推荐结束-->
				<!-- 加载列表二 -->
				<script type="text/javascript">
					$(document).ready(function(){
						var page = 2;
						var a = {$a};
						var b = {$b};
						$("#more").click(function(){
							var filter_info = {};
							filter_info['sdate'] = $('#selstartdate').val();
							filter_info['edate'] = $('#selendate').val();
							//城市
							 $.ajax({
						        type:"post",
						        url:"/filter/ajaxrelist4?"+Math.random(),
						        data:{'filter_info':filter_info,page:page},
						        dataType:'json',
						        success: function(data){
						        	page++;
						        	$.each(data,function(vo,list)
						              {
						              	var str = '';
						              	for (var i = 0; i < list.caravans.piccaravan.length; i++) {
						              		str += '<li class="lunbo-img-list"><a href="/reserve/caravandetail?id='+list.caravans.id+'&sdate='+list.s+'&edate='+list.e+'"><img src="'+list.caravans.piccaravan[i]+'" alt="车主未上传图片" /></a></li>';
						              		}
						                $('#more').parent().before(
										    '<div class="search-result-list">'+
												'<div class="rent-carvan-img">'+
													'<ul class="lunbo-img-box" >'+str+
													'</ul>'+
													'<ul class="switch-img-btn">'+
													'</ul>'+
												'</div>'+
												'<div class="rent-caravan-impInfo">'+
													'<h3>'+list.caravans.name+'</h3>'+
													'<p>可交换时间：<i>'+list.s+'</i>至<i>'+list.e+'</i></p>'+
													'<p><a href="###">'+list.camps.name+'</a></p>'+
													'<p>地址：'+list.camps.address+'</p>'+
												'</div>'+
												'<ul class="rent-caravan-basicInfo">'+
													'<li>'+a[list.caravans.car_cates_id]+'</li>'+
													'<li>'+list.caravans.people_num+'可住人</li>'+
													'<li>'+list.caravans.double_bed_num+'张双人床</li>'+
													'<li>'+list.caravans.single_bed_num+'张单人床</li>'+
													'<li>'+b[list.caravans.kitchen]+'厨房</li>'+
													'<li>'+b[list.caravans.bathroom]+'洗手间</li>'+
												'</ul>'+
												'<div class="rent-get-order">'+
													'<p class="oneday-coin">单日最低 <i>'+list.c.c+'</i> 租金</p>'+
													'<p class="get-order-btn"><a href="/reserve/rentcaravandetail?id='+list.caravans.id+'&sdate='+list.s+'&edate='+list.e+'">查看详情</a> </p>'+
													'<p class="get-order-btn"><a href="/reserve/rentjumpwhich?id='+list.caravans.id+'&sdate='+list.s+'&edate='+list.e+'">直接下单</a> </p>'+
												'</div>'+
											'</div>'
							            );
						             })
						        }
					      	});   
						})	    
					});
				</script>	
				<!-- 加载列表二结束 -->
			</div>
			<!--搜素结果结束-->
		</div>
		<!--租赁房车列表结束-->
		
	</body>
</html>
<!-- <script type="text/javascript">
      $("#b").addClass("single-menu-home");
</script> -->